<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>AdminLTE 3 | Dashboard</title>
		<!-- 样式 -->
		<!-- 图标 -->
		<link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css">
		<!-- Tempusdominus Bootstrap 4 -->
		<link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
		<!-- iCheck -->
		<link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
		<!-- JQVMap -->
		<link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
		<!-- Theme style -->
		<link rel="stylesheet" href="dist/css/adminlte.min.css">
		<!-- overlayScrollbars -->
		<link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
		<!-- Daterange picker -->
		<link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
		<!-- summernote -->
		<link rel="stylesheet" href="plugins/summernote/summernote-bs4.min.css">
		
		<!-- jsGrid -->
		<link rel="stylesheet" href="plugins/jsgrid/jsgrid.min.css">
		<link rel="stylesheet" href="plugins/jsgrid/jsgrid-theme.min.css">
	</head>
	<body class="hold-transition sidebar-mini layout-fixed">

		<div class="wrapper">
			<!-- 左边的图标 -->
			<div class="preloader flex-column justify-content-center align-items-center">
				<img class="animation__shake" src="dist/img/AdminLTELogo.png" alt="AdminLTELogo" height="60" width="60">
			</div>
			<!-- 上面导航栏 -->
			<nav class="main-header navbar navbar-expand navbar-white navbar-light">
				<!-- 右边上栏 -->
				<ul class="navbar-nav">
					<!-- 左边收缩按钮 -->
					<li class="nav-item">
						<a class="nav-link" data-widget="pushmenu" href="#" role="button"><i
								class="fas fa-bars"></i></a>
					</li>
					<!-- home连接 -->
					<li class="nav-item d-none d-sm-inline-block">
						<a href="#" class="nav-link">首页</a>
					</li>
					<!--Contact链接  -->
					<li class="nav-item d-none d-sm-inline-block">
						<a href="#" class="nav-link">联系人</a>
					</li>
				</ul>
				<!-- 导航栏 navbar links -->
				<ul class="navbar-nav ml-auto">
					<!-- Navbar Search -->
					<li class="nav-item">
						<a href="#" class="nav-link">你好：HJJ</a>
					</li>
				</ul>
			</nav>
			<!-- /.navbar -->

			<!-- 边栏导航-->
			<aside class="main-sidebar sidebar-dark-primary elevation-4">
				<!-- 顶部logo -->
				<a href="#" class="brand-link">
					<img src="dist/img/AdminLTELogo.png" alt="AdminLTE Logo" class="brand-image img-circle elevation-3"
						style="opacity: .8">
					<span class="brand-text font-weight-light">题库管理系统V1.0</span>
				</a>

				<!-- 边栏 -->
				<div class="sidebar">
					<!-- 边栏菜单 -->
					<nav class="mt-2">
						<ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
							data-accordion="false">
							<li class="nav-header">题库操作</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										题型
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a id="btnType" href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>题型列表显示</p>
										</a>
									</li>
								</ul>
							</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										科目
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a id="btnSubject" href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>科目列表显示</p>
										</a>
									</li>
								</ul>
							</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										题目
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a id="btnQuestion" href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>题目列表显示</p>
										</a>
									</li>
								</ul>
							</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										选择题操作
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>选择题列表显示</p>
										</a>
									</li>
								</ul>
							</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										填空题操作
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>填空题列表显示</p>
										</a>
									</li>
								</ul>
							</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										问答题操作
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a id="btnQa" href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>问答题列表显示</p>
										</a>
									</li>
								</ul>
							</li>
							
							
							<li class="nav-header">用户操作</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										用户账号管理
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>修改用户名</p>
										</a>
									</li>
									<li class="nav-item">
										<a href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>修改密码</p>
										</a>
									</li>
									<li class="nav-item">
										<a href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>注销账号</p>
										</a>
									</li>
								</ul>
							</li>
							<li class="nav-header">系统操作</li>
							
							<li class="nav-item">
								<a href="#" class="nav-link">
									<i class="nav-icon fas fa-briefcase"></i>
									<p>
										系统设置
										<i class="right fas fa-angle-left"></i>
									</p>
								</a>
								<ul class="nav nav-treeview">
									<li class="nav-item">
										<a href="#" class="nav-link">
											<i class="far fa-circle nav-icon"></i>
											<p>用户管理</p>
										</a>
									</li>
								</ul>
							</li>
						</ul>
					</nav>
				</div>
				
				
			<!-- /.sidebar -->
			</aside>




			<!-- 工作区 -->
			<div id="worker" class="content-wrapper">
				<!-- 工作区的开头 -->
				<div class="content-header">
					<div class="container-fluid">
						<div class="row mb-2">
							<div class="col-sm-6">
								<h1 class="m-0">我的</h1>
							</div>
						</div>
					</div>
				</div>
				<!-- 主要内容 -->
				<section id="main-info" class="content">
					<div class="container-fluid">
						<h1>自定义的内容</h1>
					</div>
				</section>
			</div>


			<!-- 脚注 -->
			<footer class="main-footer">
				<strong>Copyright &copy; 2014-2021 <a href="https://adminlte.io">AdminLTE.io</a>.</strong>
				All rights reserved.
				<div class="float-right d-none d-sm-inline-block">
					<b>Version</b> 3.2.0
				</div>
			</footer>

		</div>
	</body>
</html>


<!-- 脚本 -->
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- jQuery UI 1.11.4 -->
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
	$.widget.bridge('uibutton', $.ui.button)
</script>

<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- ChartJS -->
<script src="plugins/chart.js/Chart.min.js"></script>
<!-- Sparkline -->
<script src="plugins/sparklines/sparkline.js"></script>
<!-- JQVMap -->
<script src="plugins/jqvmap/jquery.vmap.min.js"></script>
<script src="plugins/jqvmap/maps/jquery.vmap.usa.js"></script>
<!-- jQuery Knob Chart -->
<script src="plugins/jquery-knob/jquery.knob.min.js"></script>
<!-- daterangepicker -->
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Summernote -->
<script src="plugins/summernote/summernote-bs4.min.js"></script>
<!-- overlayScrollbars -->
<script src="plugins/overlayScrollbars/js/jquery.overlayScrollbars.min.js"></script>


<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="dist/js/demo.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="dist/js/pages/dashboard.js"></script>


<script>
	// 在页面加载完毕的时候再执行（页面加载完毕事件$();）
	$(function(){
		// 页面加载完毕了后，默认显示题库类型
		$("#worker").load("type.html")
		
		// 题型列表显示点击事件
		$("#btnType").click(function(){
			$("#worker").load("type.html")
		});
		
		// 科目列表显示点击事件
		$("#btnSubject").click(function(){
			$("#worker").load("subject.html")
		});

		// 题目列表显示点击事件
		$("#btnQuestion").click(function(){
			$("#worker").load("question.html")
		});

		// 问答题列表显示点击事件
		$("#btnQa").click(function(){
			$("#worker").load("qa.html")
		});
	});
</script>
